<template>
	<div id="app">
		<router-view class="page"/>
	</div>
</template>

<script type="text/ecmascript-6">
    export default {
		data () {
			return {}
		},
		created() {}
    }
</script>

<style lang="less">
    #app {
        font-family: "Avenir", Helvetica, Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background: @bgColor;
        font-size: 15px;
		height: 100%;
		.page{
			height: 100%;
		}
    }
    body {
        .el-loading-mask{
            background: rgba(0,0,0,.1);
            .el-loading-spinner .path{
                stroke:#fff;
                stroke-width:5;
            }
        }

        .v-modal{
            opacity:.3;
        }
        .el-message-box{
            width: 320px;
            border-radius: 0;
            border: 3px solid rgba(0,0,0,.4);
            background: linear-gradient(to bottom,#fff,#f0f0f0 78%,#fff);
            .el-message-box__header{
                border-bottom: 1px solid #eee;
                padding: 15px ;
                .el-message-box__title{
                    font-size: 16px;
                    color: #1148ae;
                }
            }
            .el-message-box__content{
                padding: 20px 25px;

            }
            .el-message-box__btns{
                padding: 5px 30px;
            }
            .el-button{
                border-radius:2px;
                padding: 5px 20px;
                border: 1px solid #bbb;
                background: linear-gradient(to bottom,#fff,#ededed 83%,#fff);
                &.el-button--primary{
                    background: linear-gradient(to bottom,#78de1e,#1aa619);
                    box-shadow: 0 5px 2px rgba(37,173,26,.3);
                    border: 1px solid #1e9618;
                }
            }
        }
    }
</style>
